<div class="panel-body-content">
  <ol class="breadcrumb">
    <li>日志查询</li>
    <li class="active">众悦短信列表</li>
  </ol>
</div>
<div class="page page-table" data-ng-controller="ListMediaClickCtrl">
  <section class="panel panel-default table-dynamic">
    <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> 众悦短信列表</strong></div>
    <div class="panel-body">
      <div class="table-filters">
        <div class="row">
          <div class="col-md-1 col-xs-12 pull-right" style="width:109px;">
            <a href="javascript:;" ng-click="search()" class="btn-icon btn-icon-sm bg-info"><span class="glyphicon glyphicon-search"></span></a> <a href="javascript:;" ng-click="download()" class="btn-icon btn-icon-sm bg-success"><span class="fa fa-download"></span></a>
            <a href="javascript:;" ng-click="refresh()" class="btn-icon btn-icon-sm bg-danger"><span class="glyphicon glyphicon-refresh"></span></a>
          </div>
          <div class="col-md-10 pull-right">
            <div class="col-md-2 pull-right">
              <div class="form-group">
                <div class="col-md-5 text-right">
                  <label class="search-label">状态：</label>
                </div>
                <div class="ui-select" style="width:70px;">
                  <select id="status" name="status" ng-model="filter.status" ng-options="opt.k as opt.t for opt in opts.statusOpts" style="width:100%;min-width:0px;"></select>
                </div>
              </div>
            </div>
            <div class="col-md-5 pull-right">
              <div class="form-group">
                <div class="col-md-3 text-right">
                  <label class="search-label">起止时间：</label>
                </div>
                <div class="col-md-4">
                  <div class="input-group ui-datepicker">
                    <input type="text" ng-model="filter.start_date" placeholder="开始时间" class="form-control" is-open="start_date" ng-click="openDatepicker($event,'start_date')" datepicker-options="$root.dateOpts" datepicker-popup="yyyy-MM-dd" current-text="今天" clear-text="清空" close-text="关闭"/>
                    <span class="input-group-addon" ng-click="openDatepicker($event,'start_date')"><i class="glyphicon glyphicon-calendar"></i></span>
                  </div>
                </div>
                <div class="col-md-1 text-center"><label class="search-label">至</label></div>
                <div class="col-md-4">
                  <div class="input-group ui-datepicker">
                    <input type="text" ng-model="filter.end_date" placeholder="结束时间" class="form-control" is-open="end_date" ng-click="openDatepicker($event,'end_date')" datepicker-options="$root.dateOpts" datepicker-popup="yyyy-MM-dd" current-text="今天" clear-text="清空" close-text="关闭"/>
                    <span class="input-group-addon" ng-click="openDatepicker($event,'end_date')"><i class="glyphicon glyphicon-calendar"></i></span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3 pull-right">
              <div class="form-group">
                <div class="col-md-5 text-right">
                  <label class="search-label">手机号码：</label>
                </div>
                <div class="col-md-7">
                  <input id="mobile" name="mobile" type="text" class="form-control" value="" ng-model="filter.mobile">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <table class="table table-bordered table-striped table-responsive">
        <thead>
        <tr>
          <th style="width:75px">
            <div class="th">手机号码</div>
          </th>
          <th>
            <div class="th">下行内容</div>
          </th>
          <th style="width:40px">
            <div class="th">状态</div>
          </th>
          <th style="width:35px">
            <div class="th">长度</div>
          </th>
          <th style="width:35px">
            <div class="th">条数</div>
          </th>
          <th style="width:70px">
            <div class="th">是否计费</div>
          </th>
          <th style="width:140px">
            <div class="th">下行时间</div>
          </th>
          <th style="width:60px">
            <div class="th">操作</div>
          </th>
        </tr>
        </thead>
        <tbody>
        <tr class="text-center text-size-12" data-ng-repeat="store in stores" ng-if="stores.length>0">
          <td>{{store.mobile}}</td>
          <td class="text-left break">{{store.mt}}</td>
          <td>
            <span ng-show="{{store.status==200}}" class="text-success">√</span> <span ng-show="{{store.status!=200}}" class="text-danger">×</span>
          </td>
          <td>{{store.mt_length}}</td>
          <td>{{store.fee_count}}</td>
          <td>
            <span ng-show="{{store.is_fee==1}}" class="text-success">√</span> <span ng-show="{{store.is_fee!=1}}" class="text-danger">×</span>
          </td>
          <td>{{store.send_at}}</td>
          <td>
            <span class="text-success"><a href="javascript:;" ng-click="view(store.id)">详情</a></span>
          </td>
        </tr>
        <tr class="text-center" ng-if="stores.length==0">
          <td colspan="8" ng-bind="loadTip"></td>
        </tr>
        </tbody>
      </table>
      <footer class="table-footer">
        <div class="row">
          <div class="col-md-6 page-num-info">
                    <span>
                        每页显示
                            <select ng-model="pager.size" ng-options="opt for opt in pager.sizeOpts" ng-change="pager.onChangeSize()"></select>
                        条共 {{pager.total()}} 页，共 {{pager.records}} 条数据
                    </span>
          </div>
          <div class="col-md-6 text-right pagination-container">
            <pagination class="pagination-sm" ng-model="pager.page" total-items="pager.records" max-size="pager.maxSize" ng-change="pager.onChange(pager.page)" items-per-page="pager.size" rotate="false" previous-text="上一页" next-text="下一页" first-text="首页" last-text="末页" boundary-links="true"></pagination>
          </div>
        </div>
      </footer>
    </div>
  </section>
</div>



